<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			img{
				width: 300px;
				height: 150px;
				position: fixed;
				bottom: 10px;
				right: 0;
				display: none;
			}
		</style>
	</head>
	<body>
		<img src="img/p1.png"/>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
		<h1>jtiojo</h1>
	</body>
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
	<script type="text/javascript">
		var timer;
		$(function(){
			var dHeight=$(window).height()//获取浏览器的高度
			$(document).scroll(function(){//对页面执行一个事件
				var top=$(document).scrollTop()//获取滚动条到浏览器上面的值
				if(top>dHeight){//判断如果浏览器上面的值大于浏览器的高度就让图片显示
					$('img').show()
				}else{
					$('img').hide()
				}
			})
			$('img').click(function(){//点击图片让网页回到顶部
				timer=setInterval(function(){
					var dtop=$(document).scrollTop()//获取距离浏览器顶部的值看客户往下拉了多少
					//每次移动的距离
					var step=dtop / 5; 
					$(document).scrollTop(dtop-step);
					if(dtop==0){
						clearInterval(timer)
					}
				},30)
			})
		})
	</script>
</html>
